<template>
    <div>
        <el-card>
            <el-input :placeholder="$t('msg.article.titlePlaceholder')" clearable v-model="title"></el-input>
            <el-tabs v-model="activeName">
                <el-tab-pane :label="$t('msg.article.markdown')" name="markdown">
                    <markdown :title="title" @Success="success"></markdown>
                </el-tab-pane>
                <el-tab-pane :label="$t('msg.article.richText')" name="editor">
                    <editor :title="title" @Success="success"></editor>
                </el-tab-pane>
            </el-tabs>
        </el-card>
    </div>
</template>

<script>
import Markdown from "./components/Markdown"
import Editor from "./components/Editor"
export default {
 name : "", 
 data(){
  return {
    title:'',
    activeName:'markdown'
  }
 },
 components : {
    Markdown,
    Editor
 },
 methods:{
     success(){
         this.title = ""
     },
 }
}
</script>


<style scoped>
.el-input {
  margin-bottom: 20px;
}
</style>